<template>
    <div class="type-list">
        <div class="type-item" v-for="(t,i) in types" :key="i">
            <div class="title-box">
                <span class="title">{{ t.typeName }}</span>
                <span class="more">
                    更多
                    <i class="iconfont icon-right"></i>
                </span>
            </div>
            <div class="film-list">
                <FilmItem v-for="(film,i) in 6" :key="i"></FilmItem>
            </div>
        </div>
    </div>
</template>
<script>
import FilmItem from "@/film/components/FilmItem.vue";
export default {
    components: {
        FilmItem,
    },
    data() {
        return {
            types: [
                { typeName:"xxxxxx" },
                { typeName:"xxxxxx" },
                { typeName:"xxxxxx" },
            ]
        }
    },
}
</script>